{loading && (
    <div style={{
        position: 'absolute', inset: 0,
        display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center',
        background:
            'radial-gradient(ellipse at center, rgba(51,87,255,0.22) 0%, rgba(7,10,20,0.96) 60%)',
        gap: 18, color: HUD.text,
    }}>
        <div style={{
            position: 'relative',
            animation: 'hudFloat 3s ease-in-out infinite',
        }}>
            <div style={{
                position: 'absolute', inset: -10,
                borderRadius: 20,
                animation: 'hudPulseRing 1.6s ease-out infinite',
            }} />
            <RublocsLogo size={72} />
        </div>
        <div style={{
            display: 'flex', alignItems: 'center', gap: 10,
            fontSize: 15, fontWeight: 700, letterSpacing: 0.3,
        }}>
            <div style={{
                width: 14, height: 14,
                border: `2.5px solid ${HUD.accentBg}`,
                borderTopColor: HUD.accent,
                borderRadius: '50%',
                animation: 'hudSpin 0.8s linear infinite',
            }} />
            Загрузка игры…
        </div>
        <div style={{
            fontSize: 11, color: HUD.textDim,
            textTransform: 'uppercase', letterSpacing: 1.4, fontWeight: 700,
        }}>
            Рублокс • 3D
        </div>
    </div>
)}